Skip to content

Comments

Set up in-article follow contributor block in opinion articles#15268

Open
aracho1 wants to merge 50 commits intomainfrom
new-follow-button-opinion-articles
Open

Set up in-article follow contributor block in opinion articles#15268
aracho1 wants to merge 50 commits intomainfrom
new-follow-button-opinion-articles

Conversation

@aracho1
Copy link
Contributor

@aracho1 aracho1 commented Feb 2, 2026 •
edited
Loading

What does this change?

  • Set up a new component that displays a contributor's avatar, name, bio, and a follow/notification button inline within article body content
  • Inject it after the 4th paragraph (at the end for articles shorter than 4 paragraphs) for Opinion articles on Apps
  • This is currently disabled and will be enabled behind a native side A/B test in a follow-up PR

⚠️ Prior to merging this, the Frontend PR to add bio to the dcr supported tag type needs to be merged first

Why?

To test that users are more likely to follow topics contextually than in the set up experience given they are already interested in topics

Screenshots

IOS (mobile / mobile dark mode / tablet)

Not Following Following (notification off) Following (notification on)
not-following-ios-mobile following-ios-mobile following-notification-ios-mobile
not-following-ios-mobile-dark following-ios-mobile-dark following-notification-ios-mobile-dark
not-following-ios-tablet following-ios-tablet following-notification-ios-tablet

Screenshots

Android

Not Following Following (notification off) Following (notification on)
not-following-android-mobile following-android-mobile following-notification-android-mobile

=

@github-actions
Copy link

github-actions bot commented Feb 2, 2026 •
edited
Loading

Deploy build 24861 of dotcom:rendering-all to CODE

All deployment options

From guardian/actions-riff-raff.

@aracho1 aracho1 force-pushed the new-follow-button-opinion-articles branch from dbc528d to 84f13c1 Compare February 3, 2026 11:54
@github-actions
Copy link

github-actions bot commented Feb 3, 2026 •
edited
Loading

Deploy build 750 of dotcom:ab-testing to CODE

All deployment options

From guardian/actions-riff-raff.

@aracho1 aracho1 force-pushed the new-follow-button-opinion-articles branch from 84f13c1 to cc8049a Compare February 3, 2026 13:45
@frederickobrien frederickobrien mentioned this pull request Feb 10, 2026
Merged
@aracho1 aracho1 force-pushed the new-follow-button-opinion-articles branch from 3ff8571 to 1e9287b Compare February 10, 2026 15:36
aracho1 added 24 commits February 12, 2026 12:53
@aracho1
move the follow and notification buttons from top to bottom
f3adbf1
@aracho1
add bio and description to tag models
12fc9f5
@aracho1
implement new design
f5feecb
@aracho1
create a follow button wrapper with a pill variant
5fae777
@aracho1
set up contributor profile
c5bbae4
@aracho1
add to commentlayout
006693d
@aracho1
rename contributor profile name and component
8f66db4
@aracho1
fix storybook config
7648f34
@aracho1
fix lint issues
9c64e50
@aracho1
create a variant and update code
b1e3300
@aracho1
add thick border line below profile
8e1e5e6
@aracho1
add notification icon and update copy
449d884
@aracho1
rename files
4a57c1b
@aracho1
update the notification text to be non-button
0f13ff2
@aracho1
display contributor name in the notification button
30ed257
@aracho1
hide notification when not following
20a8272
@aracho1
tweak toggle button positioning and add straight line
bded4e2
@aracho1
insert after 4th para
345a4fc
@aracho1
delete old files and add a new storybook
1d65d5e
@aracho1
update use effect
ba92c92
@aracho1
separate out the new follow wrapper
75732f7
@aracho1
fix button from stretching
7616a08
@aracho1
use shared blocklist
4b27214
@aracho1
wrap island around the follow button
6d6053b
@aracho1 aracho1 force-pushed the new-follow-button-opinion-articles branch from f1c64ba to 68bd711 Compare February 12, 2026 12:55
@aracho1 aracho1 marked this pull request as ready for review February 12, 2026 13:02
@aracho1 aracho1 requested a review from a team as a code owner February 12, 2026 13:02
@github-actions
Copy link

github-actions bot commented Feb 12, 2026

Hello 👋! When you're ready to run Chromatic, please apply the run_chromatic label to this PR.

You will need to reapply the label each time you want to run Chromatic.

Click here to see the Chromatic project.

@aracho1 aracho1 changed the title Apps follow button - Opinion articles Set up in article follow contributor block in opinion articles Feb 12, 2026
@aracho1 aracho1 changed the title Set up in article follow contributor block in opinion articles Set up in-article follow contributor block in opinion articles Feb 12, 2026
@aracho1 aracho1 added the feature Departmental tracking: work on a new feature label Feb 12, 2026
@aracho1 aracho1 mentioned this pull request Feb 12, 2026
Open
2 tasks
@aracho1 aracho1 force-pushed the new-follow-button-opinion-articles branch from 1d51769 to 658a81f Compare February 16, 2026 10:35
@aracho1 aracho1 force-pushed the new-follow-button-opinion-articles branch from 658a81f to 178fb3e Compare February 16, 2026 11:29
@arelra
Copy link
Member

arelra commented Feb 17, 2026

Thanks for the PR @aracho1 ! Would you mind squashing your commits to a number that creates a clean history and allows future travellers to understand each individual commit. This helps us particularly for incident investigations.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

Do not merge ⚠️ feature Departmental tracking: work on a new feature

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@aracho1 @arelra